<template>
  <div>
    <h1>WHEP 拉流示例</h1>
    <div class="stream-controls">
      <WhepVideoStream />
      <WhepAudioStream />
    </div>
  </div>
</template>

<script setup>
import WhepVideoStream from './whep-video-stream.vue';
import WhepAudioStream from './whep-audio-stream.vue';
</script>

<style scoped>
.stream-controls {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .stream-controls {
    flex-direction: column;
    gap: 12px;
  }
}
</style>
